/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      周期       >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<       >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

body.CoreBody .DetailQuestionnaire-LeftPeriod {
  left: 25px;
  padding-right: 20px;
  box-sizing: border-box;

  /* ============================== 滚动条 ============================== */
  > .__vuescroll {
    border-radius: 4px;
    background: #f0f2f5;

    /* —————————————————————————————— 滚动区 —————————————————————————————— */
    > .__panel > .__view > div {
      padding: 10px 0;
      text-align: center;
    }
  }

  /* ============================== 按钮 ============================== */
  .CoreWeb-BtnText {
    margin: 5px 0;
    padding: 8px;
    transition: 0.3s;

    /* —————————————————————————————— 悬浮和选中 —————————————————————————————— */
    &:hover {
      background-color: var(--Primary3);
    }
  }

  /* —————————————————————————————— 选中 —————————————————————————————— */
  &-active {
    color: #fff !important;
    background-color: var(--Primary) !important;
  }
}
